{include file="public/header" /}
<style>
    html {
        background-color: #fff !important;
    }
    .layui-form {
        padding-bottom: 200px;
    }
    .title {
        margin: 20px;
        padding-left: 10px;
        border-left: 3px solid #1890ff;
        font-size: 15px;
        line-height: 15px;
        color: #303133;
    }
</style>
<body>
<div class="layui-fluid layui-anim layui-anim-downbit">
    <form class="layui-form" action="{:url('order/address')}">
        <input type="hidden" name="id" value="{$info.id}">
        <div class="title">收货信息</div>
        <div class="layui-row">
            <div class="layui-col-xs12">
                <div class="layui-form-item">
                    <label class="layui-form-label">收货人 </label>
                    <div class="layui-input-inline">
                        <input type="text" name="receiver" lay-verify="required" lay-reqtext="请填写收货人"
                               placeholder="请填写收货人" value="{$info.receiver}" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12">
                <div class="layui-form-item">
                    <label class="layui-form-label">收货人联系方式 </label>
                    <div class="layui-input-inline">
                        <input type="number" name="receiver_tel" lay-verify="required" lay-reqtext="请填写收货人联系方式"
                               placeholder="请填写收货人联系方式" value="{$info.receiver_tel}" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-linkage"></div>
            <div class="layui-col-xs12">
                <div class="layui-form-item">
                    <label class="layui-form-label">详细地址 </label>
                    <div class="layui-input-block">
                        <input type="text" name="address_details" lay-verify="required" lay-reqtext="请填写详细地址"
                               placeholder="请填写详细地址" value="{$info.address_details}" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
</body>
{include file="public/footer" /}
<script>
    layui.use(['linkage'], function () {
        layui.linkage.render({
            url: '{:url("index/getArea")}',
            deep: 3,
            label: '收货地址',
            map: {
                title: ['省', '市', '区/县'],
                name: ['province', 'city', 'district'],
                active: ["{$info->province ?? ''}", "{$info->city ?? ''}", "{$info->district ?? ''}"]
            }
        });
    });
</script>
</html>